<template>
	<div class="contacts-body">
		<contacts-message></contacts-message>
		<contacts-search></contacts-search>
		<bottom-icon></bottom-icon>
		<new-friends></new-friends>
		<list-friends></list-friends>
		<list-content></list-content>
	</div>
</template>

<script type="text/javascript">
import ContactsMessage from './components/ContactsHeader'
import ContactsSearch from '@/pages/commonVue/HomeSearch'
import BottomIcon from '@/pages/commonVue/BottomIcon'
import NewFriends from './components/NewFriends'
import ListFriends from './components/ListFriends'
import ListContent from './components/ListContent'

export default {
	name:'Contacts',
	components:{
		ContactsMessage,
		ContactsSearch,
		BottomIcon,
		NewFriends,
		ListFriends,
		ListContent
	}

}
</script>

<style lang="stylus" scoped>
.contacts-body
	background:#fff
</style>